<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>聊天界面</title>

    <style>
        div{
            height: 500px;
            border: 1px solid #c4c4c4;
        }

    </style>

</head>
<body>

<div style="float: left;width: 29%;"></div>
<div style="float: left;width: 69%;">
    <div style="height: 399px;"></div>

    <div style="height: 99px;">
        <div id="message" style="width: 89%;height: 98px;float: left;"></div>
        <div style="width: 10%;background-color: #cecdce;height: 98px;float: left;">
            <input type="button" value="发送" />
        </div>
    </div>
    
</div>

</body>
</html>